<template>
  <div class="table-container">
    <table class="drawLotsHistory-table">
      <thead>
        <tr>
          <th>参赛编号</th>
          <th>本场考生号</th>
          <th>姓名</th>
          <th>手机号</th>
          <th>赛项专业</th>
          <th>所属组织</th>
          <th>状态</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item, index) in tableData" :key="index">
          <td>{{ item.contestantId }}</td>
          <td>{{ item.studnetId }}</td>
          <td>{{ item.name }}</td>
          <td>{{ item.phone }}</td>
          <td>{{ item.major }}</td>
          <td>{{ item.org }}</td>
          <td>{{ item.status }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>
<script setup>
import { ref, onMounted } from "vue";

const tableData = ref([
  {
    contestantId: "C001", // 参赛编号
    studnetId: "E1001", // 本场考生号
    name: "张三路", // 姓名
    phone: "13800001111", // 手机号
    major: "基础医学", // 赛项专业
    org: "北京大学医学部", // 所属组织
    status: "已抽签",
  },
  {
    contestantId: "C002", // 参赛编号
    studnetId: "E1002", // 本场考生号
    name: "张三路", // 姓名
    phone: "13800001112", // 手机号
    major: "基础医学", // 赛项专业
    org: "北京大学医学部", // 所属组织
    status: "已抽签",
  },
  {
    contestantId: "C003", // 参赛编号
    studnetId: "E1003", // 本场考生号
    name: "张三路", // 姓名
    phone: "13800001113", // 手机号
    major: "基础医学", // 赛项专业
    org: "北京大学医学部", // 所属组织
    status: "已抽签",
  },
  {
    contestantId: "C004", // 参赛编号
    studnetId: "E1004", // 本场考生号
    name: "张三路", // 姓名
    phone: "13800001114", // 手机号
    major: "基础医学", // 赛项专业
    org: "北京大学医学部", // 所属组织
    status: "已抽签",
  },
  {
    contestantId: "C005", // 参赛编号
    studnetId: "E1005", // 本场考生号
    name: "张三路", // 姓名
    phone: "13800001115", // 手机号
    major: "基础医学", // 赛项专业
    org: "北京大学医学部", // 所属组织
    status: "已抽签",
  },
  {
    contestantId: "C006", // 参赛编号
    studnetId: "E1006", // 本场考生号
    name: "张三路", // 姓名
    phone: "13800001116", // 手机号
    major: "基础医学", // 赛项专业
    org: "北京大学医学部", // 所属组织
    status: "已抽签",
  },
]);
</script>
<style scoped>
@import url("@/assets/scss/megaGame.scss");
</style>
